body {

    background: #F5F5F5;

    margin: 0;

    padding: 0;

    font-family: 'Microsoft YaHei', Arial;

    color: #333;

    margin: 0 auto;

}



ul {

    margin: 0;

    padding: 0;

}



li {

    list-style: none;

}



dd, dl {

    margin: 0;

}



h1 {

    margin: 10px 0;

}



h2 {

    font-size: 20px;

}



h3 {

    margin: 4px 0;

}



a {

    color: #085392;

    text-decoration: none;

}



.clr {

    clear: both;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.gray, .gray a {

    color: #999;

    font-weight: 300;

}



a:hover {

    color: #f60;

}



.hid {

    display: none;

}



.goback {

    display: none;

}



.tag1 {

    background: #999;

    font-size: 12px;

    font-style: normal;

    color: white;

    padding: 2px 4px;

}



.tag2 {

    background: #f60;

    font-size: 12px;

    font-style: normal;

    color: white;

    padding: 2px 4px;

}



.tag5 {

    background: #c00;

    font-size: 12px;

    font-style: normal;

    color: white;

    padding: 2px 4px;

}



.tag9 {

    background: #999;

    font-size: 12px;

    font-style: normal;

    color: white;

    padding: 2px 4px;

}



.tagx {

    background: #338eff;

    font-size: 12px;

    font-style: normal;

    color: white;

    padding: 2px 4px;

}



.hdline {

    background: white;

    width: 100%;

    height: 51px;

    border-bottom: 1px solid #e6e6e6;

}



.logo img {

    width: 120px;

    margin-top: 8px;

}



.hdmain {

    line-height: 45px;

    margin-left: 5px;

}



.hdbox {

    width: 1200px;

    margin: 0 auto;

    display: flex;

}



.bdxz {

    display: none;

}



.headli {

    color: #333;

}



.hdmain .hdmaina {

    font-size: 14px;

    text-decoration: none;

    padding: 19px 20px;

    color: #333;

    font-weight: 400;

}



    .hdmain .hdmaina.curr {

        color: white;

        background: #022135;

    }



    .hdmain .hdmaina:hover, .headli:hover {

        color: #00c1df;

        background: #eaeaea;

    }



    .hdmain .hdmaina.curr:hover {

        color: white;

    }



    .hdmain .hdmaina.currentnav {

        color: white;

        background: #4c7b1a;

    }



.search {

    background: #022135;

    padding: 20px;

    height: 200px;

    color: #e6e6e6;

}



.searchform {

    line-height: 50px;

}



    .searchform h1 {

        font-size: 32px;

        margin: 15px 0;

    }



    .searchform a {

        color: #e6e6e6;

        text-decoration: none;

    }



    .searchform #txtCity, .searchform #txtQuestion {

        padding: 12px 8px;

        height: 21px;

        background: #F5F5F5;

        border: 0;

        font-size: 16px;

        line-height: 20px;

        letter-spacing: 1px;

        flex: 1;

        outline: none;

        border: 1px solid white;

        -webkit-appearance: none !important;

        border-radius: 0 !important;

    }



.sformdetail {

    display: flex;

    max-width: 700px;

    background: #338eff;

}



.searchtab {

    padding: 0;

    margin: 0;

    line-height: 20px;

    text-align: left;

    margin-top: 10px;

}



    .searchtab li {

        list-style: none;

        display: inline-block;

        margin-right: 4px;

    }



        .searchtab li a {

            padding: 4px 10px;

            text-decoration: none;

            font-size: 13px;

            background: #E8E8E8;

            border-radius: 4px;

            color: #333;

        }



    .searchtab .stabcurrent {

        background: url(../images/arrow.png) bottom center no-repeat;

        height: 30px;

    }



        .searchtab .stabcurrent a {

            background: #8AB822;

            color: white;

        }





.btn {

    width: 110px;

    height: 47px;

    border: none;

    font-size: 14px;

    color: #fff;

    letter-spacing: 0.1em;

    overflow: hidden;

    text-overflow: ellipsis;

    display: inline-block;

    text-align: center;

    line-height: 38px;

    text-decoration: none;

}



.action-light {

    background-image: -moz-linear-gradient(#d8d8d8, #cbcbcb);

    background-image: -webkit-linear-gradient(#d8d8d8, #cbcbcb);

    background-image: linear-gradient(#d8d8d8, #cbcbcb);

    color: #595959;

    border-bottom: 1px solid #a5a5a5;

    cursor: pointer;

}



    .action-light:hover {

        background-image: -moz-linear-gradient(#d8d8d8, #cbcbcb);

        background-image: -webkit-linear-gradient(#d8d8d8, #cbcbcb);

        background-image: linear-gradient(#d8d8d8, #cbcbcb);

    }



    .action-light:focus {

        outline: none;

    }



.action {

    background-image: -moz-linear-gradient(#66aaff, #4d9cff);

    background-image: -webkit-linear-gradient(#66aaff, #4d9cff);

    background-image: linear-gradient(#66aaff, #4d9cff);

    color: white;

    border-bottom: 1px solid #0071ff;

    cursor: pointer;

}



    .action:hover {

        background-image: -moz-linear-gradient(#4d9cff, #338eff);

        background-image: -webkit-linear-gradient(#4d9cff, #338eff);

        background-image: linear-gradient(#4d9cff, #338eff);

        color: white;

    }



    .action:active {

        background-image: -moz-linear-gradient(#338eff, #4d9cff);

        background-image: -webkit-linear-gradient(#338eff, #4d9cff);

        background-image: linear-gradient(#338eff, #4d9cff);

        border-bottom: 0;

        height: 39px;

        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

    }



    .action:focus {

        outline: none;

    }



button.success {

    background-image: -moz-linear-gradient(#4d9cff, #338eff);

    background-image: -webkit-linear-gradient(#4d9cff, #338eff);

    background-image: linear-gradient(#4d9cff, #338eff);

    color: white;

    cursor: pointer;

}



    button.success:hover {

        background-image: -moz-linear-gradient(#62a3f5, #4d9cff);

        background-image: -webkit-linear-gradient(#62a3f5, #4d9cff);

        background-image: linear-gradient(#62a3f5, #4d9cff);

        color: white;

    }



    button.success:focus {

        outline: none;

    }



.danger {

    background-image: -moz-linear-gradient(#ff563f, #ff4025);

    background-image: -webkit-linear-gradient(#ff563f, #ff4025);

    background-image: linear-gradient(#ff563f, #ff4025);

    color: white;

    border-bottom: 1px solid #d81a00;

    cursor: pointer;

}



    .danger:hover {

        background-image: -moz-linear-gradient(#ff4025, #ff290c);

        background-image: -webkit-linear-gradient(#ff4025, #ff290c);

        background-image: linear-gradient(#ff4025, #ff290c);

        color: white;

    }



    .danger:active {

        background-image: -moz-linear-gradient(#ff290c, #ff4025);

        background-image: -webkit-linear-gradient(#ff290c, #ff4025);

        background-image: linear-gradient(#ff290c, #ff4025);

        border-bottom: 0;

        height: 40px;

        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

    }



    .danger:focus {

        outline: none;

    }



.warning {

    background-image: -moz-linear-gradient(#ff933f, #ff8525);

    background-image: -webkit-linear-gradient(#ff933f, #ff8525);

    background-image: linear-gradient(#ff933f, #ff8525);

    color: white;

    border-bottom: 1px solid #d85e00;

    cursor: pointer;

    width: 130px;

}



    .warning:hover {

        background-image: -moz-linear-gradient(#ff8525, #ff760c);

        background-image: -webkit-linear-gradient(#ff8525, #ff760c);

        background-image: linear-gradient(#ff8525, #ff760c);

    }



    .warning:active {

        background-image: -moz-linear-gradient(#ff760c, #ff8525);

        background-image: -webkit-linear-gradient(#ff760c, #ff8525);

        background-image: linear-gradient(#ff760c, #ff8525);

        border-bottom: 0;

        height: 39px;

        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

    }



    .warning:focus {

        outline: none;

    }



.info {

    background-image: -moz-linear-gradient(#91e1ff, #78daff);

    background-image: -webkit-linear-gradient(#91e1ff, #78daff);

    background-image: linear-gradient(#91e1ff, #78daff);

    color: #006991;

    border-bottom: 1px solid #2bc5ff;

    cursor: pointer;

}



    .info:hover {

        background-image: -moz-linear-gradient(#78daff, #5ed3ff);

        background-image: -webkit-linear-gradient(#78daff, #5ed3ff);

        background-image: linear-gradient(#78daff, #5ed3ff);

        color: #006991;

    }



    .info:active {

        background-image: -moz-linear-gradient(#5ed3ff, #78daff);

        background-image: -webkit-linear-gradient(#5ed3ff, #78daff);

        background-image: linear-gradient(#5ed3ff, #78daff);

        border-bottom: 0;

        height: 39px;

        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

    }



    .info:focus {

        outline: none;

    }



.action-dark {

    background-image: -moz-linear-gradient(#585858, #4b4b4b);

    background-image: -webkit-linear-gradient(#585858, #4b4b4b);

    background-image: linear-gradient(#585858, #4b4b4b);

    color: white;

    border-bottom: 1px solid #252525;

    cursor: pointer;

}



    .action-dark:hover {

        background-image: -moz-linear-gradient(#4b4b4b, #3f3f3f);

        background-image: -webkit-linear-gradient(#4b4b4b, #3f3f3f);

        background-image: linear-gradient(#4b4b4b, #3f3f3f);

        color: white;

    }



    .action-dark:active {

        background-image: -moz-linear-gradient(#3f3f3f, #4b4b4b);

        background-image: -webkit-linear-gradient(#3f3f3f, #4b4b4b);

        background-image: linear-gradient(#3f3f3f, #4b4b4b);

        border-bottom: 0;

        height: 39px;

        -moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        -webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

        box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);

    }



    .action-dark:focus {

        outline: none;

    }



.tips {

    line-height: 20px;

    color: #ccc;

    font-size: 12px;

    text-align: left;

}





.pager {

    color: #333;

    font-size: 12px;

    margin: 10px;

    text-align: right;

}



    .pager a {

        padding: 6px 12px;

        border: 1px solid #ccc;

        background: white;

        margin-right: 5px;

        text-decoration: none;

        color: #7eaf4a;

        font-weight: bold;

    }



        .pager a:hover {

            background: #5F9824;

            color: white;

        }



        .pager a.disabled {

            color: #999;

            border: 0;

            background-color: transparent;

        }



    .pager .current {

        padding: 6px 12px;

        background: #5F9824;

        color: white;

        margin-right: 5px;

    }



.modelbox {

    background: #f2f2f2;

    width: 400px;

    height: 300px;

    -moz-border-radius: 6px;

    background: #eef2f7;

    -webkit-border-radius: 6px;

    border: 1px solid #536376;

    -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;

    -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;

    padding: 14px 22px;

    top: 200px;

}



    .modelbox p {

        padding: 0;

        margin: 0;

        line-height: 32px;

    }



    .modelbox .txtemail {

        padding: 8px;

        min-width: 326px;

        height: 18px;

        background: #f9f9f9;

        border-radius: 4px;

        border: 1px solid #ccc;

        font-size: 13px;

        line-height: 17px;

        letter-spacing: 1px;

    }



.address {

    background: url(../images/ico-poi.png) no-repeat;

    background-size: 16px;

    background-position: 0 7px;

    text-indent: 18px;

    margin-bottom: 5px;

}



.ico-phone {

    background: url(../images/ico-phone.png) no-repeat;

    background-size: 15px;

    background-position: 0 7px;

    text-indent: 18px;

    height: 22px;

    margin-bottom: 5px;

}



.ico-product {

    background: url(../images/ico-product.png) no-repeat;

    background-size: 16px;

    background-position: 0 3px;

    text-indent: 18px;

    height: 18px;

}



.ico-time {

    background: url(../images/ico-time.png) no-repeat;

    background-size: 16px;

    background-position: 0 50%;

    text-indent: 18px;

    height: 18px;

}



.tel {

    background: #333;

    text-indent: 28px;

    height: 28px;

    padding: 10px 20px;

    border-radius: 4px;

}



    .tel img {

        width: 24px;

    }





.wxbox {

    padding: 20px 40px;

    text-align: center;

}



.black_overlay {

    position: absolute;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 2048px;

    background-color: black;

    z-index: 1001;

    -moz-opacity: 0.2;

    opacity: .50;

    filter: alpha(opacity=20);

    display: none;

}



.white_content {

    position: absolute;

    top: 220px;

    height: 240px;

    z-index: 1002;

    text-align: right;

    display: none;

}



    .white_content a {

        color: white;

        padding-right: 20px;

        text-decoration: none;

        font-weight: bold;

        font-size: 14px;

        font-family: '微软雅黑';

    }



    .white_content img {

        width: 96%;

    }





#weixin-tip {

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    background: rgba(0,0,0,0.8);

    filter: alpha(opacity=80);

    width: 100%;

    height: 100%;

    z-index: 100;

}



    #weixin-tip p {

        text-align: center;

        margin-top: 10%;

        padding: 0 5%;

        position: relative;

    }



    #weixin-tip img {

        width: 100%;

    }



    #weixin-tip .wxclose {

        color: #fff;

        padding: 5px;

        font: bold 20px/24px simsun;

        text-shadow: 0 1px 0 #ddd;

        position: absolute;

        top: 0;

        left: 5%;

    }



.store-detail {

    background: white;

}



    .store-detail img {

        width: 100%;

    }



    .store-detail h1 {

        margin-top: 4px;

        font-size: 28px;

    }



    .store-detail h2 {

        font-size: 16px;

        background: #f6f6f6;

        padding: 8px 10px;

        border-radius: 2px;

    }



    .store-detail em {

        font-style: normal;

        color: white;

        padding: 1px 4px;

        font-size: 11px;

    }



.store-detail-meta {

}



.store-detail-map {

}



.item-index {

    display: none;

}



.map-link {

    font-size: 12px;

}





.wrap {

    width: 1200px;

    margin: 0 auto;

}



.main {

    width: 880px;

    background: white;

    padding: 20px;

}



    .main h1 {

        font-size: 24px;

        margin: 10px 0;

        font-weight: normal;

    }



.side {

    width: 220px;

    background: white;

    padding: 20px;

}



.nav {

    margin: 10px 0;

}



    .nav h1 {

        font-size: 12px;

        display: inline;

        font-weight: 300;

    }



    .nav a, .nav {

        color: #ccc;

        font-family: '宋体','Microsoft YaHei';

        font-size: 12px;

        text-decoration: none;

        font-weight: 300;

    }



.subnav-bar {

    border-bottom: 0px solid #338eff;

    background: #fff;

    margin-top: 6px;

}



    .subnav-bar li {

        list-style: none;

        display: inline;

    }



        .subnav-bar li a {

            color: #333;

            text-decoration: none;

            padding: 10px 14px;

            display: inline-block;

        }



.sub-current a {

    background: #2c3e4e;

    color: white !important;

}



    .sub-current a:hover {

        color: #338eff;

    }



.subnav-bar li a:hover {

}



.mt10 {

    margin-top: 10px;

}



.mt20 {

    margin-top: 20px;

}



.hotsearch {

    text-align: left;

    font-size: 12px;

}



.poi-more {

    text-align: center;

    margin: 30px;

}



    .poi-more a {

        padding: 10px 15px;

        border: 1px solid #ccc;

        text-decoration: none;

    }



.box h2 {

    margin: 0;

    font-size: 20px;

}



.btnclose {

    font-size: 30px;

    color: white;

    margin-left: 140px;

    font-weight: 300;

    font-family: '微软雅黑';

    display: none;

}



.heng {

    display: none;

    height: 42px;

}



.citytab {

    margin: 20px 0;

    padding: 0;

}



    .citytab li {

        list-style: none;

        display: inline-block;

    }



        .citytab li a {

            padding: 4px 15px;

            color: #333;

            text-decoration: none;

        }



            .citytab li a:hover {

                background: #f9f9f9;

            }



            .citytab li a.citycurrent {

                color: white;

                background: #338eff;

            }



.citylist {

    display: none;

}



.tab0 {

    display: block;

}



.brandbox li {

    display: flex;

    border-top: 1px dashed #f2f2f2;

    padding: 15px 0;

    align-items: center;

}



.branditem, .questiontypeitem, .questionseriesitem {

    margin: 0 20px 20px 0;

    width: 150px;

    border: 1px solid #e6e6e6;

    border-radius: 4px;

    padding: 15px;

    text-align: center;

    /* box-shadow: 1px 1px 10px #e6e6e6; */

}



    .branditem:hover, .questiontypeitem:hover, .questionseriesitem:hover {

        border: 1px solid #f60;

    }



.branditemimg {

    margin: 10px 0;

}



    .branditemimg img {

        width: 100px;

        height: 35px;

    }



.brandtext a, .questiontypeitem a, .questionseriesitem a {

    color: #999;

    font-size: 14px;

}



.brandimg {

    border: 1px solid #e6e6e6;

    padding: 12px;

    width: 100px;

    height: 60px;

    line-height: 80px;

    text-align: center;

    border-radius: 4px;

}



    .brandimg img {

        width: 100px;

        height: 35px;

    }



.brandinfo {

    margin-left: 20px;

    flex: 1;

}



    .brandinfo h2 {

        font-size: 20px;

    }



    .brandinfo p {

        margin: 6px 0;

    }



.brandmain {

    flex: 2;

    margin-left: 20px;

}



    .brandmain h3 {

        font-size: 20px;

        color: #333;

        margin: 0 0 10px 0;

    }



    .brandmain .storetype {

        margin-top: 5px;

    }



        .brandmain .storetype a {

            color: #999;

        }



.cooperzixun {

    position: relative;

}



.brandlink {

    margin-top: 50px;

}



    .brandlink .dianhuazixun i:after, .cooperzixun i:after {

        content: " ";

        border-width: 5px;

        border-style: solid;

        border-color: transparent transparent #f60;

        position: absolute;

        top: -11px;

        right: 30px;

    }



.storelist li .brandlink a {

    border-radius: 4px;

    font-size: 18px;

    text-decoration: none;

    padding: 8px 12px;

    background: #3a92ff;

    color: white;

}



.brandlink a img {

    width: 16px;

    margin-right: 4px;

}



.brandmeta {

    color: #333;

    flex: 1;

}



.citylinks {

    font-size: 14px;

    border-top: 1px solid #f2f2f2;

    padding: 10px 0;

}



.sidebrandbox .brandinfo {

    margin-left: 10px;

}



.sidebrandbox h3 {

    margin: 0;

    font-size: 15px;

}



.sidebrandbox .brandimg {

    padding: 10px 0;

}



.links {

    margin-top: 20px;

    color: #999;

    border-top: 4px solid #f6f6f6;

    padding-top: 10px;

}



    .links h3 {

        font-size: 14px;

        font-weight: normal;

    }



    .links ul {

        display: flex;

        flex-flow: wrap;

    }



        .links ul li {

            width: 25%;

        }



            .links ul li a {

                font-size: 12px;

                text-decoration: none;

                line-height: 20px;

                color: #ccc;

                text-align: left;

            }



.brandpy li {

    color: #999;

    font-size: 13px;

    padding-left: 12px;

}



.brandpy a {

    font-size: 13px;

    text-decoration: none;

    color: #999;

    line-height: 24px;

}



.letter_s {

    border-top: 1px solid #f2f2f2;

    margin: 4px 0;

}



.subcat {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}



.catinfo {

    flex: 1;

}



    .catinfo img {

        width: 48px;

        height: 48px;

        display: block;

        margin-right: 15px;

    }



    .catinfo a {

        display: flex;

        color: #333;

        text-decoration: none;

        width: 200px;

        text-align: center;

        background: #f2f2f2;

        margin: 10px 15px 15px 0;

        padding: 20px;

        line-height: 48px;

        font-size: 18px;

        border-radius: 6px;

        border: 1px solid #e6e6e6;

    }



        .catinfo a:hover {

            background: #f6f6f6;

        }



.storelist h2 {

    color: #333;

    text-decoration: none;

    font-size: 20px;

    font-weight: normal;

}



.storelist li {

    list-style: none;

    font-size: 14px;

    line-height: 28px;

    border-top: 1px dashed #f2f2f2;

    border-bottom: 1px dashed #f2f2f2;

    padding: 20px 0;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    color: #999;

}



    .storelist li a, .userstorelist li a {

        color: #333;

        font-size: 14px;

        text-decoration: none;

    }



        .storelist li a:hover {

            color: #338eff;

        }





.store-detail-box {

    flex: 1;

    margin-left: 10px;

}



    .store-detail-box .store-title a {

        font-size: 20px;

        color: #333;

        padding-right: 4px;

        text-decoration: none;

        display: block;

        margin-bottom: 5px;

    }



        .store-detail-box .store-title a:hover {

            color: #ff6600;

        }



.store-title em {

    font-style: normal;

    color: white;

    padding: 1px 4px;

    font-size: 11px;

}



.distance {

    margin-top: 10px !important;

}



    .distance b {

        color: #f60;

    }



.store-detail-box p {

    margin: 4px 0;

    font-size: 12px;

    color: #999;

}



.store-product {

    color: #999;

}



.store-detail-box .store-title {

    margin: 0;

}



.storebox {

    padding: 20px 0;

    border-top: 1px solid #f2f2f2;

    display: flex;

}



    .storebox .address, .storebox .ico-phone, .storebox .ico-product {

        line-height: 20px;

        margin-bottom: 10px;

    }



.store-thumb {

    position: relative;

}



    .store-thumb img {

        width: 180px;

        height: 120px;

    }



    .store-thumb em {

        position: absolute;

        left: -4px;

        bottom: 4px;

        font-size: 11px;

        padding: 1px 4px;

        font-style: normal;

        color: #ccc;

        transform: scale(0.7);

        opacity: .7;

    }





.servicephone p {

    text-align: left;

    color: #999;

    font-size: 14px;

}



    .servicephone p b {

        color: #333;

        font-size: 20px;

        display: block;

    }





.sidestores h2 {

    margin: 0;

}



.sidestores .storelist li {

    padding: 10px 0;

}



    .sidestores .storelist li .brandmeta, .storelist li span, .sidestores .storelist li .brandlink, .sidestores .storelist li .address {

        display: none;

    }



.linkbox div {

    border: 1px solid #f9f9f9;

    margin-top: 6px;

    padding: 10px 15px;

    background: #f9f9f9;

}



    .linkbox div:hover {

        border-color: #e6e6e6;

    }



.linkbox a {

    font-size: 18px;

}



.linkbox h2 {

    margin-bottom: 4px;

}



.topstore {

    background: white;

    position: relative;

    border: 1px solid #e6e6e6;

    text-align: left;

}



    .topstore h3 {

        font-size: 16px;

        color: #666;

        font-weight: normal;

        margin: 0;

        padding: 0;

    }



    .topstore .toptip {

        position: absolute;

        top: 0;

        right: 0;

        padding: 0 2px;

        background: #e6e6e6;

        color: white;

        font-size: 11px;

        font-style: normal;

        line-height: 16px;

        display: none;

    }



    .topstore label {

        display: inline;

        font-weight: normal;

        margin: 0;

    }



#topstore img {

}



.side-storebox {

    float: left;

    width: 120px;

    height: 160px;

    overflow: hidden;

    margin-bottom: 20px;

    margin-right: 20px;

}



    .side-storebox:nth-child(odd) {

        margin-right: 0;

    }



.side-store-thumb a {

    font-size: 12px;

    color: #333;

}



    .side-store-thumb a img {

        height: 80px;

        width: 120px;

    }



.pager {

    color: #333;

    font-size: 12px;

    margin: 10px;

    text-align: right;

}



    .pager span {

        padding: 6px 12px;

        color: white !important;

        background: #333;

    }



    .pager a {

        padding: 6px 12px;

        border: 1px solid #ccc;

        background: white;

        margin-right: 5px;

        text-decoration: none;

        color: #333;

        font-weight: bold;

    }



        .pager a:hover {

            background: #333;

            color: white;

        }



        .pager a.disabled {

            color: #999;

            border: 0;

            background-color: transparent;

        }



    .pager .current {

        padding: 6px 12px;

        background: #333;

        color: white;

        margin-right: 5px;

    }



.list-filter {

    border-bottom: 1px solid #f2f2f2;

    padding-bottom: 4px;

}



.list-filter-item {

    width: 50px;

    font-size: 13px;

    padding-top: 4px;

    color: #999;

}



.list-filter-state {

    font-size: 14px;

    line-height: 28px;

    color: #666;

}



    .list-filter-state a {

        font-size: 14px;

        color: #333;

        padding: 0 10px 0 0;

        text-decoration: none;

    }



        .list-filter-state a:hover {

            color: #f60;

        }



        .list-filter-state a.current {

            color: #f60;

        }



.letter {

    color: #f60;

    font-size: 16px;

    font-weight: bold;

}



.letter-city {

    margin-bottom: 15px;

}



    .letter-city a {

        color: #333;

        text-decoration: none;

        padding-right: 10px;

    }



.comment-form {

    margin: 10px 5px;

    border-bottom: 1px dashed #e6e6e6;

    padding-bottom: 20px;

}



    .comment-form input[type=text] {

        border: 1px solid #ccc;

        max-width: 200px;

        padding: 6px 4px;

    }



    .comment-form textarea {

        width: 100%;

        height: 80px;

        border: 1px solid #ccc;

        margin-top: 10px;

        padding: 4px;

    }



    .comment-form input[type=button] {

        font-size: 16px;

        font-weight: bold;

    }



.comment-list {

}



    .comment-list li {

        margin-bottom: 4px;

        background: #fcfcfc;

        padding: 4px 6px;

        border-radius: 2px;

    }



        .comment-list li div {

            margin-bottom: 10px;

            word-wrap: break-word;

        }



.city-tip {

    background: #f2f2f2;

    margin-bottom: 10px;

    padding: 10px 15px;

    text-indent: 24px;

    line-height: 24px;

}



.arc-box {

    padding: 10px;

    border-top: 1px dashed #f2f2f2;

    display: flex;

    padding-left: 0;

}



.arc-img, .arc-img img {

    width: 220px;

    height: 150px;

    border-radius: 4px;

}



.arc-detail {

    flex: 1;

    margin-left: 20px;

}



.arc-time {

    color: gray;

    font-size: 13px;

    margin: 4px 0;

}



.arc-title a, .storelist li .arc-title a {

    font-size: 20px;

    color: #333;

    font-weight: bold;

    text-decoration: none;

}



.arc-summary {

    color: #666;

    font-size: 14px;

    margin-top: 6px;

    line-height: 24px;

}





.q-time {

    display: inline-block;

    color: #9eacb6;

    font-size: 12px;

}



.q-viewcount {

    display: inline-block;

    color: #9eacb6;

    font-size: 12px;

}



.q-detail h3 {

    margin: 4px 0;

}



.qtitle a {

    font-size: 14px;

}



.a-count {

    border-bottom: 1px solid #e6e6e6;

    margin: 15px 0;

    padding-bottom: 8px;

}



    .a-count span {

        border-bottom: 2px solid #338eff;

        font-weight: 700;

        color: #7a8f9a;

        padding-bottom: 7px;

    }



.a-item {

    border-bottom: 1px solid #f2f2f2;

    padding: 10px 0;

    font-size: 14px;

}



    .a-item p {

        margin: 2px 0;

    }



    .a-item:last-child {

        border-bottom: 0;

    }



.a-info {

    font-size: 16px;

    margin: 2px 0;

}



.a-user {

    font-size: 14px;

}



.q-btn a {

    color: white;

    background: #338eff;

    padding: 8px 15px;

    line-height: 50px;

    border-radius: 4px;

    text-decoration: none;

}



.q-form {

    margin: 20px 0;

    display: none;

}



    .q-form textarea {

        outline: none;

        width: 90%;

        min-height: 100px;

        border: 1px solid #e6e6e6;

        border-radius: 4px;

        padding: 10px;

        font-size: 15px;

    }



    .q-form button {

        display: block;

        background: #338eff;

        border: 0;

        color: white;

        font-size: 14px;

        padding: 4px 15px;

        border-radius: 4px;

        margin-top: 4px;

    }



#formtip {

    margin-bottom: 4px;

    font-size: 13px;

    color: #338eff;

}







.citydesc p {

    text-indent: 24px;

    font-size: 14px;

    color: #666;

}



.citydesc h3 {

    margin: 0;

}



#respond {

    padding-bottom: 25px;

}



#respond, #postcomments {

    position: relative;

}



.comment {

    position: relative;

}



    .comment #respond {

        padding: 10px 0 15px 46px

    }



    .comment #commentform {

        margin-bottom: 0

    }



.commentnew .comt-m {

    margin-bottom: 5px

}



.commentlist {

    padding: 0;

    list-style: none;

    margin: 0

}



.comt-avatar {

    width: 36px;

    height: 36px;

    background-color: #FFF;

    float: left;

    display: inline;

    position: relative;

    margin-top: 19px;

}



.commentnew .comt-avatar {

    margin-top: 0;

}



.comt-avatar .avatar {

    display: block;

    border-radius: 50%;

    width: 36px;

    height: 36px

}



.comt-item {

    border-bottom: 1px solid #f2f2f2;

    padding: 20px 0;

}



.comt-main {

    margin-left: 46px;

    margin-right: 20px;

    color: #888;

    line-height: 22px;

    position: relative;

    font-size: 14px;

    padding: 0 0 15px;

    word-wrap: break-word;

    overflow: hidden;

}



    .comt-main p {

        margin-top: 15px;

        margin-bottom: 0;

    }



.comt-author {

    display: block;

    font-weight: bold;

    color: #333;

    margin-bottom: 6px;

    font-size: 14px;

}



.url {

    color: #60c4fd;

}



    .url:hover {

        color: #60c4fd;

        text-decoration: underline;

        opacity: 0.85;

        filter: alpha(opacity=85);

    }



.comt-meta {

    font-size: 12px;

    color: #bbb;

    display: flex;

}



.comt-head img {

    width: 42px;

    border-radius: 50%;

}



.comt-name {

    margin-left: 10px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex: 1;

}



.comt-best {

    background: url(../images/ico-best.png) no-repeat;

    line-height: 32px;

    background-size: 32px auto;

    padding-left: 36px;

}



    .comt-best span {

        font-weight: bold;

        font-size: 15px;

        color: #7a8e9a;

    }



.comt-bottom {

    display: flex;

    justify-content: space-between;

}



.comt-zan {

    border-radius: 40px;

    background: #338eff;

    font-size: 12px;

    padding: 6px 15px;

    color: white;

    align-items: center;

    margin: 20px 0;

}



    .comt-zan a {

        color: white;

        text-decoration: none;

    }



.comt-meta .signin-loader {

    margin-left: 10px;

}



.comment-reply-link {

    font-size: 12px;

    color: #bbb;

    display: none

}



.comment:hover > .comt-main .comment-reply-link {

    display: inline-block;

    margin-left: 5px;

}



.comment pre {

    margin: 3px 0 5px;

    padding: 7px 10px;

    border-radius: 1px

}



.depth-1 {

    border-bottom: #eee 1px solid

}



.comment .children {

    list-style: none;

    padding: 0;

}



    .comment .children .comment {

        margin: 0;

        border-top: 1px solid #eee

    }



.commentlist > .comment .children {

    margin-left: 46px;

}



.comt-f {

    position: absolute;

    top: 15px;

    right: 0;

    font-size: 16px;

    color: #ccc

}



.comment:hover .comt-f {

    color: #666

}



.comt-approved {

    border-radius: 2px;

    font-size: 12px;

    background-color: #eee;

    color: #999;

    display: inline-block;

    padding: 1px 5px 0;

    margin-top: 4px;

    line-height: 20px;

    margin-left: 5px

}



.wp-smiley {

    margin-bottom: 2px

}



.sidebarfix .comt-main {

    padding: 6px 0 4px;

    line-height: 20px;

    font-size: 12px;

}



.sidebarfix .depth-1 {

    border-bottom-color: #eee;

}



.sidebarfix .comment .children .comment {

    border-top-color: #eee;

}



#comments {

    margin-bottom: 15px;

    font-size: 16px;

}



    #comments b {

        font-weight: normal;

        color: #ff5e52

    }



    #comments .pull-right {

        font-size: 12px;

        position: relative;

        top: 5px

    }



#commentform {

    margin-bottom: 5px;

}



.comt-count {

    float: right;

    color: #999;

    margin-bottom: 5px

}



.comt {

    position: relative;

    padding-left: 46px;

}



.comt-title {

    font-size: 12px;

    color: #999;

    float: left;

    margin-left: -46px;

    width: 36px;

    text-align: center;

}



    .comt-title .avatar {

        height: 36px;

        width: 36px;

        border-radius: 50%;

        margin-bottom: 5px;

    }



    .comt-title p {

        margin-bottom: 0;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }



.comt-box {

    border: 2px solid #ccd4d9;

    border-radius: 2px;

    padding: 4px 0 0 4px;

    background-color: #fff;

    position: relative;

}



.comt-ctrl {

    background-color: #fbfbfb;

    height: 36px;

    margin-left: -4px;

    border-top: solid 1px #f2f2f2;

}



#submit {

    position: absolute;

    right: -2px;

    bottom: -2px;

    background: #45B6F7;

    border: none;

    border: 2px solid;

    border-color: #45B6F7;

    border-left: none;

    border-top: none;

    padding: 0px;

    width: 100px;

    height: 38px;

    color: #fff;

    outline: 0;

    border-radius: 0 0 2px 0;

    font-size: 16px;

}



#comment {

    width: 100%;

    resize: none;

    overflow-x: hidden;

    overflow-y: auto;

    border: none;

    line-height: 22px;

    font-size: 14px;

    outline: 0;

    color: #666;

    height: 68px;

}



.hide {

    display: none;

}



.comt-tips {

    text-align: center;

    margin-right: 110px;

    line-height: 116px;

    font-size: 18px;

    color: #fff;

}



.comt-tip {

    position: absolute;

    top: -2px;

    left: -2px;

    background: #7AD071;

    right: -2px;

    z-index: 2;

    bottom: -2px;

    border-radius: 2px;

}



.comt-error {

    background: #FF5E52;

}



.comt-comterinfo {

    padding: 15px 0;

    text-align: center;

}



    .comt-comterinfo ul {

        padding: 0;

        margin: 0;

        list-style: none;

        text-align: left;

        display: inline-block;

    }



    .comt-comterinfo li {

        margin-bottom: 5px

    }



    .comt-comterinfo input {

        margin-right: 10px;

        position: relative;

        *bottom: -3px;

        border: 2px solid #CCD4D9;

        border-radius: 2px;

        height: 34px;

        padding: 3px 5px;

        outline: none;

        width: 220px;

        box-shadow: none;

        *height: 20px;

    }



#cancel-comment-reply-link {

    display: none;

    font-size: 12px;

    text-align: center;

    margin-top: 7px;

    color: #999;

}



    #cancel-comment-reply-link:hover {

        color: #FF5E52;

    }



.comment #cancel-comment-reply-link {

    display: block

}



.comment-signarea {

    background-color: #F6F6F6;

    border-radius: 7px;

    padding: 30px 20px;

    text-align: center;

    margin-bottom: 20px;

}



    .comment-signarea h3 {

        margin: 0;

        padding: 0;

        margin-bottom: 15px;

        font-weight: normal;

        font-size: 18px;

    }



    .comment-signarea .auth {

        margin: 0 5px;

    }



.footer {

    height: 100px;

    font-size: 14px;

    padding: 20px 0;

    background: #2c3e4e;

    color: white;

    line-height: 28px;

    margin-top: 20px;

}



    .footer foot {

        margin: 0 auto;

    }



    .footer a {

        color: white;

    }



.storeimg img {

    width: 220px;

    height: 150px;

    border-radius: 4px;

}





.bottommenu {

    display: none;

    position: fixed;

    bottom: 0;

    width: 100%;

    color: white;

    border-top: 1px solid #eee;

    background-color: #F8F8F8;

}



    .bottommenu a:hover {

        color: #959FA6;

    }



    .bottommenu .bottommenuimg {

        height: 26px;

        width: 26px;

    }



.subMenu {

    width: 25%;

    float: left;

    cursor: pointer;

    color: #959FA6;

    height: 50px;

}



    .subMenu .bottomhotbtn {

        border-radius: 20px;

        background-color: red;

        color: white;

        font-size: 10px;

        position: relative;

        left: 65%;

        top: -45px;

        width: 30px;

    }



.menu_name {

    height: 30px;

    width: 100%;

    line-height: 10px;

    font-size: 12px;

}



.text-center {

    text-align: center;

}



.telbox {

    position: absolute;

    right: 0px;

    top: 103px;

    width: 210px;

    background: #fbf7f4;

    color: #333;

    font-weight: normal;

    font-size: 17px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    border-radius: 4px;

    padding-right: 0 !important;

    border: 2px solid #f60;

}



.coopertelbox {

    position: absolute;

    right: 0px;

    top: 45px;

    width: 210px;

    background: #fbf7f4;

    color: #333;

    font-weight: normal;

    font-size: 17px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    border-radius: 4px;

    padding-right: 0 !important;

    border: 2px solid #f60;

}





.top {

    margin-bottom: 20px;

}



    .top img {

        width: 100%;

    }





/*.top a {

        height: 100%;

        background-image: url(../images/banner.png);

        background-repeat: no-repeat;

        background-position: center;

        display: block;

        background-size: 100% 100%;

    }*/



.advlist {

    border-bottom: 1px dashed #f2f2f2;

}



    .advlist .advtel {

        padding-bottom: 10px;

    }



.infolist {

    padding: 0;

    list-style: none;

    margin-bottom: 0;

}



    .infolist li {

        list-style: none;

        display: flex;

    }



.advico {

    margin-left: 10px;

}



.advinfos {

    border-top: 1px dashed #f2f2f2;

}



.advinfo {

    margin-left: 23px;

    color: #333;

    line-height: 28px;

    position: relative;

    font-size: 14px;

    padding: 0 0 15px;

    word-wrap: break-word;

    overflow: hidden;

}



    .advinfo p {

        margin: 0;

        font-size: 18px;

        width: 200px;

    }





.recommendbox {

    border: 1px solid rgba(103, 188, 175, 0.10196078431372549);

    opacity: 1;

    border-radius: 4px;

}



.recommendtitle {

    padding: 20px;

    background: linear-gradient(185deg, #67BCAF 0%, #FFFFFF 100%);

}



    .recommendtitle h2 {

        display: inline;

        font-size: 28px;

        font-weight: 600;

        line-height: 40px;

        color: #1D1D1D;

    }



    .recommendtitle p {

        display: inline;

        font-size: 16px;

        font-weight: 400;

        line-height: 22px;

        color: #646464;

    }



.recommenddetail {

    margin-top: 25px;

    align-items: center;

    display: flex;

}



    .recommenddetail img {

        width: 140px;

    }



.recommendsubtitle {

    margin-left: 13px;

}



    .recommendsubtitle p {

        display: inline;

    }



    .recommendsubtitle h3 {

        font-size: 24px;

    }



        .recommendsubtitle h3 img {

            width: 70px;

            vertical-align: middle;

            margin-left: 15px;

        }



.recommendcontent p {

    font-size: 20px;

    line-height: 15px;

    font-weight: 600;

}



.recommendcontent div {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

}



.recommendbtn {

    display: flex;

    justify-content: space-between;

    margin-top: 10px;

}



    .recommendbtn a {

        border-radius: 4px;

        font-size: 18px;

        text-decoration: none;

        padding: 8px 15px;

        background: #f60;

        color: white;

        margin-bottom: 15px;

        width: 350px;

        text-align: center;

        flex-direction: row;

        flex-wrap: wrap;

    }





.recomendother {

    display: flex;

    justify-content: space-between;

    flex-direction: row;

    flex-wrap: wrap;

}



.recommendothertitle {

    font-size: 20px;

    margin-top: 0px;

    font-weight: 600;

}



.recommenditem {

    text-align: center;

}



.recommendtext {

    font-size: 16px;

}



.store-more {

    display: none;

}



.box {

    margin-top: 20px;

}



.morestoreclick a {

    color: #CCC;

}





.subbrand, .questiontype, .questionseries {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between;

}



    .subbrand .subbrandinfo {

        margin-left: 20px;

        width: 20%;

        text-align: center;

    }



        .subbrand .subbrandinfo a img {

            padding: 10px;

            width: 100px;

            height: 30px;

        }





.searchbox {

    width: 100%;

    text-align: left;

    margin-top: 10px;

    height: 54px;

    border-radius: 3px;

    display: flex;

}



    .searchbox input[type=text] {

        padding: 18px;

        width: 520px;

        border: 0;

        font-size: 16px;

        outline: none;

    }



    .searchbox input[type=button] {

        background: #00c1de;

        font-size: 18px;

        color: white;

        border: 0;

        padding: 10px 50px;

        cursor: pointer;

    }



.cat-sel {

    position: relative;

    width: 130px;

    background: white url(../images/ico-sel.png) right center no-repeat;

    background-size: 32px;

    border-right: 1px solid #e6e6e6;

    text-indent: 24px;

    line-height: 55px;

    border-radius: 4px 0 0 4px;

    cursor: pointer;

    background-position: 90% 50%;

    color: black;

}



#catlist, #headcatlist {

    position: absolute;

    background: white;

    line-height: 40px;

    width: 260px;

    border-radius: 4px;

    display: none;

    box-shadow: 1px 1px 10px #384e5f;

    text-indent: 24px;

    z-index: 1

}



    #catlist li, #headcatlist li {

        border-bottom: 1px solid #e6e6e6;

        display: inline-block;

        width: 45%;

        text-align: left;

        float: left;

    }



        #catlist li:hover, #headcatlist, #headjiazhengcatlist li:hover {

            color: #00c1de;

        }



        #catlist li:last-child, #headcatlist，#headjiazhengcatlist li:last-child {

            border-bottom: 0;

        }



.cat-sel:hover #catlist {

    display: block;

}





.comt-body img {

    max-width: 100%;

}



.storedetailimg, .storedetailimg img {

    height: 290px;

}



.store {

    display: flex;

    height: 300px;

}



.storeinfo {

    margin-left: 20px;

    line-height: 40px;

    color: #999;

}



    .storeinfo h1 {

        font-size: 28px;

        color: #333;

        margin-top: 20px;

    }



    .storeinfo .phone a {

        background: #f60 url(../images/ico-phone.png) no-repeat;

        background-size: 18px;

        background-position: 10px 50%;

        color: white;

        border-radius: 2px;

        padding: 8px 30px;

    }



        .storeinfo .phone a:hover {

            background-color: #f7751e;

        }



    .storeinfo .price {

        line-height: 40px;

    }



.bdmap {

    background: white;

    padding: 20px;

}



.ico-poi {

    background: url(../images/ico-poi.png) no-repeat;

    background-size: 18px;

    background-position: 0 50%;

    text-indent: 22px;

}



.detail-ico-time {

    background: url(../images/ico-time.png) no-repeat;

    background-size: 14px;

    background-position: 1px 50%;

    text-indent: 22px;

}



.ico-tags {

    background: url(../images/ico-tag.png) no-repeat;

    background-size: 18px;

    background-position: 0 50%;

    text-indent: 22px;

}



.nearstore {

    margin-top: 60px;

}



    .nearstore h2 {

        font-size: 28px;

        color: #333;

        text-align: center;

    }



    .nearstore p {

        color: #999;

        font-size: 14px;

        text-align: center;

    }



    .nearstore .storebox {

        display: flex;

        margin-top: 40px;

    }



    .nearstore .storeitem {

        text-align: center;

        width: 300px;

    }



        .nearstore .storeitem:last-child {

            margin-right: 0;

        }



.storeitem img {

    width: 280px;

    height: 180px;

}



.storeitem h3 a {

    font-size: 16px;

    font-weight: normal;

    display: inline-block;

    width: 280px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin: 8px 0;

    color: black;

}



.priceinfo {

    flex: 2;

    margin-right: 10px;

    text-align: right;

}



.pricelist ul {

    width: 100%;

    flex-wrap: wrap;

    display: flex;

}



.pricelist li {

    width: 49%;

    float: left;

    border-right: #CCC 1px dashed;

    align-items: center;

}



    .pricelist li:nth-child(2n) {

        border-right: none;

    }



.pricemain {

    flex: 2;

    margin-left: 10px;

}



    .pricemain h3 {

        font-size: 20px;

        color: #333;

        margin: 10px 0 10px 0;

    }



.con-bd-t {

    width: 100%;

}



    .con-bd-t ul {

        padding-top: -5px;

        width: 100%;

    }



    .con-bd-t li {

        float: left;

        line-height: 13px;

    }



        .con-bd-t li.Line {

            width: 33%;

            height: 15px;

        }



        .con-bd-t li.Lines {

            width: 33%;

        }



    .con-bd-t ul li p {

        height: 5px;

        margin-left: -3px;

        display: block;

        vertical-align: -2px;

    }



    .con-bd-t ul li.on p {

        background: #022236;

    }



    .con-bd-t ol {

        display: flex;

        flex-grow: 1;

        align-items: center;

        width: 100%;

        margin-top: 1px;

        height: 78px;

        position: relative;

        padding: 0 0 0 0;

    }



        .con-bd-t ol li {

            margin: 18px;

        }



            .con-bd-t ol li.Breadcrumbs-backArrow {

                width: 38px;

                height: 34px;

                cursor: pointer;

                background: url(../images/icon.png) -178px -68px no-repeat;

            }



            .con-bd-t ol li.Breadcrumbs-item {

                width: auto;

                text-align: center;

                line-height: 24px;

            }



            .con-bd-t ol li .Breadcrumbs-label {

                display: block;

                color: #b5b5b5;

            }



            .con-bd-t ol li .Breadcrumbs-link {

                display: block;

                font-size: 20px;

                color: #313131;

            }



.pricedetail {

    font-size: 20px;

    text-align: left;

}



.pricedetail {

    display: flex;

    justify-content: space-between;

}



    .pricedetail .fee {

        border: 1px solid #ccc;

        border-radius: 4px;

        padding: 20px;

        color: #999;

        display: flex;

        justify-content: flex-start;

        align-items: center;

        line-height: 36px;

        flex: .48;

    }



        .pricedetail .fee .price {

            color: #f60;

            font-size: 25px;

        }



        .pricedetail .fee img {

            width: 84px;

            margin-right: 20px;

        }



.pricetip {

    line-height: 28px;

    letter-spacing: 1px;

    text-indent: 36px;

    padding: 20px;

}



.repairpricelist {

}



.citybanner img {

    width: 100%;

}



.storelist li h3 a {

    font-size: 20px;

}



.container {

    position: relative;

    margin: 0 auto;

    max-width: 1200px;

    padding: 0;

}



.f404 {

    text-align: center;

    margin: 100px 0;

}



    .f404 img {

        max-width: 100%;

        vertical-align: middle;

        border: 0;

    }



    .f404 h1 {

        font-size: 60px;

        margin: 40px 0 20px;

    }



    .f404 h2 {

        font-size: 16px;

        margin-bottom: 20px;

    }



    .f404 p {

        margin: 0 0 10px;

    }



    .f404 h1, h2 {

        font-family: inherit;

        font-weight: 500;

        line-height: 1.1;

        color: inherit;

    }



.btn {

    border-radius: 2px;

    padding: 6px 15px;

}



.btn-primary {

    color: #fff;

    border-color: #555555;

    background-color: #555555;

    border-radius: 2px;

    padding: 6px 15px;

}



.cooperbox {

    border: 2px solid #f60;

    padding: 20px;

    background: #fbf7f4;

    margin-bottom: 20px;

    position: relative;

}



    .cooperbox h3 {

        font-size: 18px;

        font-weight: bold;

    }



        .cooperbox h3 span {

            padding-right: 40px;

            font-size: 14px;

            color: #f60;

            font-weight: normal;

        }



        .cooperbox h3 a {

            color: #333;

        }



    .cooperbox .boxleft {

        padding-left: 70px;

        width: 505px;

        display: inline-block;

    }



    .cooperbox .summary {

        padding: 5px 0 0 0;

        height: 20px;

        line-height: 20px;

        font-size: 12px;

        color: #999;

        font-family: "宋体";

    }



    .cooperbox .good {

        padding-left: 20px;

        margin-left: 20px;

        color: #f60;

        background: url(../images/like.png) no-repeat 0 center;

    }



    .cooperbox .wxkservice {

        padding-top: 5px;

        width: 100%;

        line-height: 21px;

    }



        .cooperbox .wxkservice dl {

            padding-top: 5px;

        }



        .cooperbox .wxkservice dt {

            padding-right: 15px;

            font-size: 14px;

            color: #999;

            float: left;

        }



        .cooperbox .wxkservice dd {

            font-size: 12px;

            color: #333;

            display: table-cell;

            *display: inline-block;

            font-family: "宋体";

            overflow: hidden;

            text-overflow: ellipsis;

            display: -webkit-box;

            -webkit-line-clamp: 3;

            -webkit-box-orient: vertical;

            margin: 0;

        }



    .cooperbox .fun {

        padding-top: 12px;

        width: 100%;

        font-family: "宋体";

    }



        .cooperbox .fun span {

            padding-right: 7px;

            font-size: 12px;

        }



        .cooperbox .fun .bj a {

            width: 75px;

            height: 22px;

            line-height: 22px;

            text-align: center;

            border: #ddd solid 1px;

            padding: 5px;

            font-size: 14px;

            font-weight: bold;

        }



        .cooperbox .fun .tele a {

            color: #254ee8;

            text-decoration: underline;

            font-weight: bold;

            font-size: 15px;

        }



    .cooperbox .boxright {

        float: right;

        width: 200px;

    }



        .cooperbox .boxright a {

            border-radius: 4px;

            font-size: 18px;

            text-decoration: none;

            padding: 8px 15px;

            background: #f60;

            color: white;

            float: right;

            margin-bottom: 15px;

            width: 150px;

            text-align: center;

        }



            .cooperbox .boxright a img {

                width: 16px;

                margin-right: 4px;

            }



.citybanner {

    position: relative;

}



    .citybanner em, .cooperbox em {

        position: absolute;

        right: 5px;

        bottom: 5px;

        font-size: 12px;

        padding: 0px 1px;

        font-style: normal;

        border-radius: 2px;

        transform: scale(0.8);

        opacity: .85;

    }



.bg999 {

    background: #999;

}



.colorccc {

    color: #ccc;

}



.colorwhite {

    color: white;

}



#headjiazhengcatlist {

    position: absolute;

    background: white;

    line-height: 40px;

    width: 130px;

    border-radius: 4px;

    display: none;

    box-shadow: 1px 1px 10px #384e5f;

    text-indent: 12px;

    z-index: 1

}



    #headjiazhengcatlist li {

        border-bottom: 1px solid #e6e6e6;

        display: inline-block;

        text-align: left;

        float: left;

    }



.userstorelist li {

    list-style: none;

    font-size: 14px;

    line-height: 28px;

    padding: 20px 0;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    color: #999;

    border-top: 1px dashed #f2f2f2;

    border-bottom: 1px dashed #f2f2f2;

}



    .userstorelist li .storeimg {

        position: relative;

    }



.storeimg img {

    width: 220px;

    height: 150px;

    border-radius: 4px;

}



.userstorelist li .storeimg em {

    position: absolute;

    left: 2px;

    bottom: 10px;

    font-size: 12px;

    padding: 0px 1px;

    font-style: normal;

    border-radius: 2px;

    transform: scale(0.9);

    opacity: 1;

    background: #999;

    color: white;

    line-height: 20px;

}



.userstorelist li .brandlink {

    display: flex;

    flex-direction: column;

    height: 160px;

    justify-content: center;

    margin-top: 0;

    position: relative;

}



    .userstorelist li .brandlink a {

        border-radius: 4px;

        font-size: 18px;

        text-decoration: none;

        padding: 8px 20px;

        background: #f60;

        color: white;

        margin-bottom: 10px;

    }



.icons {

    font-size: 12px;

}



    .icons span {

        padding: 2px 4px;

        border: 1px solid;

        border-color: #67BCAF;

    }



.tag4 {

    font-size: 12px;

    font-style: normal;

    color: #67BCAF;

    padding: 2px 4px;

}



.tag2 {

    background: #f60;

    font-size: 12px;

    font-style: normal;

    color: white;

    padding: 2px 4px;

}



.split {

    float: left;

    width: 100%;

    margin: 15px 0;

    height: 1px;

    background: #fff;

}



.boxbottom {

    float: left;

    width: 100%;

}



    .boxbottom span {

        float: left;

        width: 88.5px;

        height: 88.5px;

        overflow: hidden;

        margin-right: 15px;

        position: relative;

    }



        .boxbottom span img {

            display: inline-block;

            width: 100%;

        }



    .boxbottom .wxlist {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        line-height: 88.5px;

        text-align: center;

        color: #fff;

        transition: all .3s ease-in-out;

        font-size: 15px;

    }





#hot {

    line-height: 14px;

    margin: 10px auto 10px;

    text-align: left;

}



#hot-title {

    float: left;

    margin-right: 18px;

    color: #ff552e;

    font-size: 14px;

    font-weight: 600;

}



a.hot-city-list {

    margin: 0 5px;

    color: #666;

    font-size: 14px;

}



.content-letter {

    width: 100%;

    float: left;

    border-bottom: solid 1px #eee;

}



.content-letter-panel {

    float: left;

    width: 5%;

    height: 100%;

    color: #999;

    font-size: 18px;

    font-weight: 700;

    background-color: #f5f5f5;

    text-align: center;

}



.content-province {

    float: left;

    position: relative;

    z-index: 1;

    width: 95%;

}



.content-province-triangle {

    display: none;

    position: absolute;

    top: 50%;

    left: 0;

    width: 7px;

    height: 10px;

    margin-top: -5px;

    background-image: url(../images/triangle.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}



.content-province-title {

    float: left;

    width: 54px;

    height: 100%;

    line-height: 46px;

    padding-left: 16px;

    border-left-style: solid;

    border-right-style: solid;

    border-width: 1px;

    border-color: #eee;

    color: #333;

    font-size: 16px;

}



.content-cities {

    float: left;

    width: 100%;

    padding: 12px 0;

    overflow: hidden;

}



.content-city {

    display: inline-block;

    line-height: 20px;

    color: #333;

    font-size: 12px;

    margin: 0 12px;

}



#content-box {

    float: left;

    width: 100%;

    margin-top: 10px;

    margin-bottom: 10px;

    border: solid 1px #eee;

}



.content-letter-panle-hover {

    color: #fff;

    background-color: #ff552e

}



.content-province-triangle-hover {

    display: block

}



.hot-city {

    color: #f60;

    font-weight: bold;

}





@media only screen and (max-width: 600px) {

    .brandmeta, .brandlink {

        display: none;

    }



    .storelist h2, .side-storelist h2 {

        font-size: 15px;

    }



    .cooperbox .boxleft {

        width: auto !important;

    }



    .cooperbox .boxleft {

        padding-left: 0 !important;

    }



    .cooperbox .fun {

        display: none;

    }



    .cooperbox .boxright {

        float: none !important;

        width: auto !important;

        display: flex;

        justify-content: space-between;

    }



        .cooperbox .boxright a {

            width: 35%;

            margin: 10px 0 0 0 !important;

            padding: 8px 0 !important;

        }



    .cooperbox .good {

        margin-left: 38px !important;

        display: block;

    }



    .cooperbox h3 span {

        padding-right: 0 !important;

    }



    .cooperbox em {

        right: 1px;

        top: 5px;

    }



    .side {

        display: none;

    }



    .list-filter-state {

        display: none;

    }



    .wrap {

        width: 100%;

    }



    .branditem, .questiontypeitem, .questionseriesitem {

        width: 38% !important;

        margin: 0 0 20px 0 !important;

    }



    .searchbox input[type=button] {

        padding: 10px 20px !important;

    }



    .searchbox input[type=text] {

        width: 100px !important;

    }



    .cat-sel {

        width: 90px !important;

    }





    .main {

        width: 95%;

        padding: 10px;

        margin-top: 5px;

    }



    .subnav-bar {

        background: white;

        margin-top: 0;

    }



    .searchbox {

        width: 100%;

    }



    .hotsearch {

        display: none;

    }



    .store-product, .store-time {

        display: none;

    }



    .store-detail-box .store-title a {

        font-size: 15px;

        display: block;

        height: 46px;

        overflow: hidden;

        margin-bottom: 0px;

    }



    .brandmain {

        margin-top: -5px;

    }



        .brandmain h3 {

            margin: 0;

            font-size: 16px;

            font-weight: normal;

            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;

        }



    .address {

        overflow: hidden;

        margin-bottom: 0;

        line-height: 17px;

        background-position: 0 0;

    }



    .store-detail-box label {

        display: none;

    }



    .toplogo {

        background: url(../images/logo-mobile.png) center no-repeat;

    }



        .toplogo a {

            height: 120px;

        }



    .store-thumb img {

        width: 120px;

        height: 120px;

        border-radius: 4px;

    }



    .searchform #txtIccid {

        min-width: 220px;

        font-size: 16px;

    }





    button[type="button"] {

        width: 60px;

    }



    .resultbox {

        font-size: 12px;

    }



        .resultbox h3, .resultbox h1 {

            font-size: 14px;

        }



        .resultbox li a {

            font-size: 12px;

        }



    .resulttable {

        font-size: 12px;

    }



        .resulttable th {

            width: 60px;

        }



    .bdsharebuttonbox {

        margin: 0 auto;

        text-align: center;

        margin-top: 10px;

        margin-left: 10px;

        display: none;

    }



    .tips {

        line-height: 20px;

        font-size: 12px;

        text-align: left;

    }



    .white_content {

        left: 0;

    }



    .hdline {

        width: 100%;

        height: 42px;

    }



    .logo {

        margin-top: 10px;

        margin-left: 20px;

        flex: 1;

        text-align: center;

    }



        .logo img {

            width: 80px;

            height: auto;

            box-shadow: none;

            margin-top: 0;

        }



    .hdbox {

        width: 100%;

    }



    .hdmain {

        height: 100%;

        background: #dedede;

        position: fixed;

        width: 200px;

        right: -220px;

        top: 0;

        margin-left: 0;

        line-height: 36px;

        z-index: 999;

    }



    .hdline a {

        font-size: 15px;

        text-decoration: none;

        padding: 10px 0;

        font-weight: normal;

    }



    .hdline .hdmain a {

        padding: 6px 20px;

        display: block;

    }



    .box h2, .linkbox h2 {

        font-size: 18px;

    }



    .list-filter-state {

        width: 100%;

    }



    .comment-form input[type=text], .comment-form textarea {

        width: 100%;

    }



    .store-thumb {

    }



    .arc-img, .arc-img img {

        width: 110px;

        height: 75px;

    }



    .storelist li {

        overflow: hidden;

        font-size: 12px !important;

    }



    .pricelist .storelist li {

        display: block;

    }



    .storelist li h3 a {

        font-size: 16px !important;

    }



    .storeimg {

        width: 40%;

    }



        .storeimg img {

            width: 100%;

            height: 120px;

        }



    .storetype {

        display: none;

    }



    .brandmain {

        margin-left: 6px;

        overflow: hidden;

    }



    .zaixiankefu {

        display: none !important;

    }



    .brandlink {

        display: none;

    }



    .arc-summary {

        display: none;

    }



    .arc-title a, .storelist li .arc-title a {

        font-size: 16px;

    }



    .btnclose, .heng {

        display: inline-block;

    }



    .heng {

        height: 24px;

        width: 30px;

        margin-top: 8px;

    }



        .heng a {

            padding: 0;

        }



    .hdline a.btnclose {

        font-size: 30px;

    }



    .bdxz {

        display: block;

    }



    .nav {

        display: none;

    }



    .subnav h1 {

        margin: 4px 0;

        padding: 0 20px;

    }



    .subnav-bar li {

        border-right: 0;

        display: none;

    }



        .subnav-bar li.sub-current {

            display: block;

        }



            .subnav-bar li.sub-current a {

                font-size: 16px;

                text-align: center;

                width: 100%;

                width: 85%;

                position: absolute;

                top: 5px;

                text-align: center;

                margin-left: 30px;

                background: white;

                color: #333 !important;

            }



        .subnav-bar li a {

            font-size: 12px;

            padding: 5px 0;

        }



            .subnav-bar li a span {

                display: none;

            }



    .searchform {

        width: 100% !important;

    }



        .searchform h1 {

            font-size: 18px;

            margin: 0 0 15px 0;

            overflow: hidden;

            height: 36px;

        }



    .search {

        height: 130px;

    }



    .catinfo a {

        width: auto !important;

        line-height: 32px !important;

    }



    .catinfo img {

        width: 32px !important;

        height: 32px !important;

    }



    #searchtip {

        display: none;

    }



    .searchform #btnSearch {

        width: 80px;

    }



    .citytab li a {

        padding: 2px 4px;

        font-size: 13px;

    }



    .store-detail-box {

        margin-left: 5px;

    }



    .makephone {

        background: #82b8fb;

        color: white !important;

        display: block;

        text-align: center;

        padding: 6px;

        text-decoration: none !important;

        font-size: 14px;

        border-radius: 2px;

    }



    .makephonead {

        background: #ff760c;

    }



    .storebox {

        border-top: 4px solid #f6f6f6;

    }



    .list-filter {

        display: none;

    }



    .goback {

        position: absolute;

        left: 5px;

        top: 12px;

        display: block;

    }



    .footer {

        padding: 20px;

    }



    .cooperbox .boxbottom span {

        float: left;

        width: 22.25%;

        height: auto;

        overflow: hidden;

        margin-right: 1%;

        position: relative;

    }



    .bottommenu {

        display: block;

    }



    .top {

        margin-bottom: 0px;

    }



        .top img {

            content: url(../images/banner.png);

        }



    .recommendtitle {

        padding: 10px 10px 1px 10px;

    }



        .recommendtitle h2 {

            display: block;

            font-weight: 600;

            line-height: 10px;

            font-size: 16px;

            text-align: center;

        }



        .recommendtitle p {

            display: block;

            font-size: 13px;

            font-weight: 400;

            line-height: 10px;

            text-align: center;

        }



    .recommendbanner {

        content: url(../images/banner-m.png);

    }



    .recommendsubtitle h3 {

        font-size: 17px;

    }



    .recommendsubtitle p {

        font-size: 13px;

    }



    .recommendsubtitle h3 img {

        width: 25%;

        margin-left: 5px;

    }



    .recommendbtn a {

        width: 35%

    }



    .recommenditem {

        margin-bottom: 10px;

        width: 25%;

        font-size: 10px;

    }



    .recommenddetail {

        margin-top: 5px;

    }



        .recommenddetail img {

            width: 30%;

        }



    .recommendcontent p, .recommendothertitle {

        font-size: 16px;

        line-height: 10px;

    }



    .recommendcontent div {

        font-size: 12px;

    }



    .recomendotherdetail {

        display: none

    }



    .pager a {

        padding: 6px 3px;

    }



    .userstorelist li {

        position: relative;

        height: 105px;

        overflow: hidden;

        font-size: 12px !important;

        position: relative;

    }



        .userstorelist li .brandlink {

            height: 95px;

            position: absolute;

            left: 42%;

            top: 57%;

            width: 55%;

        }



            .userstorelist li .brandlink a {

                border-radius: 4px;

                font-size: 14px;

                text-decoration: none;

                padding: 1px 4px;

                background: #f60;

                color: white;

                text-decoration: none !important;

                text-align: center;

            }

}